<template>
    <div style="width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1111;background-color: rgba(0,0,0,0.2)">
        <div class="NewsLogout">
            <p style="width: 100%;color: #242526;font-size: 22px;font-weight:500;padding:5px 0 0 25px;line-height: 45px;margin:0;border-bottom:1px dashed #999">订单详情 <img  @click="changeo()"  style="float:right;margin:15px 20px" src="../../../assets/close.png" alt=""></p>
            <div style="width:100%;height:40px;background-image: linear-gradient(to right, #07a6a5 , #fff);">
                <p style="padding-left:25px;line-height:40px;font-size:16px;margin:5px 0 0;color:#fff">承运人：顺丰快递 <span style="padding-left:20px;color:#fff">运单号：</span> {{maerlist}}</p>
            </div>
            <div class="logistics">
                <div v-show="wuliumask" style="width: 80%;margin: auto;float: left;height: 78px;line-height:78px;margin-top: 65px"><img src="@/assets/bas_images/basic1.png" alt="" style="display: block;width: 40px;height: 40px;float: left;margin-top: 19px;"><span style="display: block;width: 150px;font-size: 14px;float: left;color: #888888">暂无相关的物流信息</span></div>
                <div v-show="!wuliumask" class="wuliu" style="width: 80%;min-height: 100px;margin-top: 20px;float: left;overflow: auto">
                     <Steps direction="vertical" :active="0">
                        <Step v-for="item in wulist" :key="item.id" :title="item.acceptTime" :description="item.remark" icon="iconfont icon-yuan"></Step>
                    </Steps>
                </div>
            </div>
            <div style="width: 100%;height:70px;border-top:1px dashed #999;margin-top:5px">
                <el-button style="display:block;width: 75px;background-color: #f78989;color: white;outline:none;border:none;border-radius:25px;margin: 15px auto 0" @click="changeo()">关闭</el-button>
            </div>
        </div>
    </div>
</template>

<script>
// import { refund } from '@/api/user'
import { getDetail, findDrugsearch, ordergetOrg, ordergetMember } from '@/api/user'
export default {
    name: 'NewsLogout',
    props: {
        maerlist: {
            type: String,
            default: () => ''
        },
    },
    data() {
        return {
            form: {
                wuliumask: false,
                wulist:[],
                orderId: null,
                JCompany: null,
                JContact: null,
                JTel: null,
                JProvince: null,
                JCity: null,
                JCounty: null,
                JAddress: null,
                DCompany: '个人',
                DContact: null,
                DTel: null,
                DProvince: null,
                DCity: null,
                DCounty: null,
                DAddress: null,
                searchlist:[],
            }
        }
    },
    watch: {
        // maerlist() {
        //     this.wulist = row.orderId
        //     this.form.JContact = row.linkman
        //     this.form.JTel = row.telephone
        //     this.form.JProvince = row.provinceCode
        //     this.form.JCity = row.cityCode
        //     this.form.JCounty = row.districtCode
        //     this.form.JAddress = row.hosAddr
        //     this.form.JCompany = localStorage.getItem('iconnames')
        // },
        
    },
    methods: {
        // ishomeget() {
        //     const postDatas = new URLSearchParams()
        //     postDatas.append('id', localStorage.getItem('sterid'))
        //     getDetail(postDatas).then(response => {
        //         if (response.code === 1) {
        //         this.objectlist = response.object
        //         }
        //     })
        // },
        handleGetConter(id) {
            console.log(id)
            const postDatas = new URLSearchParams()
            postDatas.append('expNo', this.maerlist)
            findDrugsearch(postDatas, '/zchealth/pharmacy/order/getOrderTraces').then(response => {
                if (response.code === 1) {
                    if (response.message) {
                        var andlist = JSON.parse(response.message)
                        andlist.sort((a, b) => a.opcode > b.opcode ? -1 : 1)
                        this.wulist = andlist
                        this.wuliumask = false
                        console.log(andlist)
                    } else {
                        this.$message.warning('暂无物流信息')
                    }
                }
            })
        },
        // handleHide() {
        // // 取消
        //     this.$refs['form'].resetFields()
        //     this.$emit('changgeHide')
        // },
        changeo(){
            console.log('11')
            this.$emit('changeo',false)
        },
    }
}
</script>
<style scoped>
    .NewsLogout{
        width: 550px;
        min-height: 620px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        font-size: 13px;
        border-radius: 6px;
    }
    .logistics{
        height: 470px;
        width: 100%;
        overflow: scroll;
    }
    .GisDialog-title{
        width: 96%;
        height: 40px;
        line-height: 40px;
        margin: auto;
        margin-top: 0;
        color: #242526;
        border-bottom: 1px solid #EAEAEA;
    }
    .GisDialog-title>p{
        width: 200px;
        float: left;
        margin: 0;
        font-size: 14px;
        margin-left: 0.1rem;
    }
    .GisDialog-title-img{
        display: block;
        width: 15px;
        height: 15px;
        margin-top: 13px;
        margin-right: 10px;
        float: right;
        cursor: pointer;
    }
  /*  */
</style>

